   .gh {
          position: absolute;
           height: 34px;
           width: 30px; 
           right: 15px;
           top: 20px;
			display: none;
           transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
           -webkit-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
           -ms-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
           cursor: pointer;
       }
       .gh.selected {
           transform: rotate(90deg);
       }
       .gh a {
           background-color: #ffffff;
           display: block;
           height: 2px;
           margin-top: -2px;
           position: relative;
           top: 50%;
           transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
           -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
           -ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
           width: 100%;
       }
       /* .gh:hover a:before {
           transform: translateY(-2px) rotate(0deg);
           -webkit-transform: translateY(-2px) rotate(0deg);
           -ms-transform: translateY(-2px) rotate(0deg);
       }
      .gh:hover a:after {
           transform: translateY(2px) rotate(0deg);
           -webkit-transform: translateY(2px) rotate(0deg);
           -ms-transform: translateY(2px) rotate(0deg);
       }
       .selected .gh:hover a:before {
           transform: translateY(0px) rotate(-55deg);
           -webkit-transform: translateY(0px) rotate(-55deg);
           -ms-transform: translateY(0px) rotate(-55deg);
       }
       .selected .gh:hover a:after {
           transform: translateY(0px) rotate(55deg);
           -webkit-transform: translateY(0px) rotate(55deg);
           -ms-transform: translateY(0px) rotate(55deg);
       }*/
       .gh a:after,
       .gh a:before {
           background-color: #ffffff;
           content: "";
           display: block;
           height: 2px;
           left: 0;
           position: absolute;
           transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
           -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
           -ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
           width: 100%;
       }
       .gh a:after {
           top: 10px;
       }
       .gh a:before {
           top: -10px;
       }
       .selected .gh a:after,
       .selected .gh a:before {
           top: 0;
       }
       .selected .gh a:before {
           transform: translateY(0px) rotate(-45deg);
           -webkit-transform: translateY(0px) rotate(-45deg);
           -ms-transform: translateY(0px) rotate(-45deg);
       }
       .selected .gh a:after {
           transform: translateY(0px) rotate(45deg);
           -webkit-transform: translateY(0px) rotate(45deg);
           -ms-transform: translateY(0px) rotate(45deg);
       }
       .selected .gh a {
           background-color: transparent !important;
       }
   
       /*Copyright 2007 Qietu.com Inc. All rights reserved.*/
   /* 电脑小屏--md */
   
   @media screen and (max-width:1220px) {
   	.gh{
   		display: block;
   	}
   	body{
   		padding-top: 70px; line-height: 1.7;
   	}
       .wrapper {
           width: auto;
           padding: 0 15px;
       }
       .header {
           height: 70px;
           position: fixed; z-index: 9999;
           left: 0; right: 0; top: 0;
           overflow:visible;
       }
       .header .logo {
           width: 100px;
           left: 15px;
       }
       .naver li h3 a {
           padding-top: 25px;
       }
       .header .nav {
           /* display: none; */
           background: #ffffff;
           position: fixed;
           width:100%;
           top:70px;
           bottom: 0;
           left:0;
           z-index: 99999999;
           box-shadow: rgba(0,0,0,0.1) 0 5px 5px;
           padding: 20px 0;
       }
       .header .nav li{
           display: block;
           line-height: 50px;
       }
       .header .nav li::after{
           display: none;
       }
       .header .nav li.active::after, .header .nav li:hover::after{
           display: none;
       }
       .header .nav{
           display: none;
       }
       .header.selected .nav{
           display: block;
       }
       .header .nav li a{
           font-size: 16px; font-weight: bold;
           color: #333;
       }
       .header .url {
           display: none;
       }
       .naver {
           height: auto;
           background: none;
           box-shadow: rgba(0,0,0,0.1) 0 5px 5px;
       }
       .naver .wrapper{

       }
       .naver ul{
       	display: flex;
       	display: -webkit-flex;
       	padding-bottom: 25px;
       }
       .naver li{
       	padding: 0 2px;
       }
       .naver li h3 {
           text-align: left;
           border: none;
           line-height: 1.2;
           text-align: center;
          height: auto;
          
       }
       .naver li:last-child h3{
       	border-right: 0;
       }
       .naver img {
           width: 32px;
           height: 32px;
           margin: auto;
       }
       .naver span {
           display: block;
           font-size: 12px;
           font-weight: normal;
           line-height: 1.4;
           margin-top:5px;
           /*超出省略号*/
	 /*word-break:keep-all;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;*/
       }
       .naver .subnav {
           height: auto;
           padding-bottom: 30px;
           text-align: center;
           padding-left: 0;
       }
       .naver .subnav .bigwidth {
           width: auto;
           margin-left: 0;
       }
       .naver .subnav dl {
           text-align: center;
           width: auto;
           float: none;
       }
       .naver .subnav .bigwidth dd {
           float: none;
           width: auto;
       }
       .h-banner {
           height: 120px;
       }
       .h-banner ul li {
           background-size: cover;
           height: 120px;
       }
       .swiper-button-next {
			background-size: 16px auto;
       }
       .swiper-button-prev {
			background-size: 16px auto;
       }
       .h-pro .h-head h2 {
           font-size: 18px;
       }
       .h-pro {
           padding-top:40px;
           padding-bottom: 40px;
       }
       .h-pro .h-head p {
           width: auto;
           margin-top: 20px;
           font-size: 14px;
           line-height: 1.7;
       }
       .h-pro .body-l {
           width: 50%;

           margin-right: 0;
           text-align: center;
       }
       .h-pro .body-l .img {
           width: auto;
           height: auto;
       }
       .h-pro .body-l h4 {
           margin-top: 3px;
           margin-bottom: 8px;
           font-size: 12px;
       }
       .h-pro .body-r {
           width: 50%;

       }
       .h-pro .body-r ul {
           width: auto;
       }
       .h-pro .body-r li .img {
           width: auto;
           height: auto;
       }
       .h-pro .body-r li {
           float: none;
           margin-right: 0;
           margin-left: 13px;
       }
       .h-pro .body-r li:nth-child(n+3){
           display: none;
       }
       .h-pro .body-r li h4 {
           margin-top: 3px;
           font-size: 12px;
       }
       .h-pro .body {
           margin-top: 10px;
       }
       .h-about {
           /* background: none; */
           padding-top: 40px;
           padding-bottom: 40px;
           height:auto;
       }
       .body-r .btn{
           margin-top:20px;
       }
       .h-about .h-head h2 {
           font-size: 18px;
       }
       .h-about .body {
           margin-top: 20px;
       }
       .h-about .body-l {
           float: none;
           width: auto;
           height: auto;
           text-align: center;
       }
       .h-about .body-r .txt p {
           font-size: 12px;
       }
       .h-about .body-r {
           float: none;
           width: auto;
           margin-left: 0;
           margin-top: 20px;
       }
        .body-r .btn{
        	text-align: center;
        }
       .body-r .btn a{
           /*width:100%;*/
       }
       .h-serv .h-head h2{
           font-size: 18px;
       }
       .h-serv .h-head p {
           width: auto;
           font-size: 14px;
           margin-top:10px;
       }
       .h-serv .body li .img {
           width: auto;
           height: auto;
       }
       .h-serv .body ul {
           width: 100%;
       }
       .h-serv .body li {
           width: 46%;
           margin: 0 2%;
           margin-bottom: 10px;
       }
       .h-serv .body li:nth-child(2n) {
           margin-right: 0;
       }
       .h-serv .body {
           margin-top: 20px;
       }
       .h-serv .body li h4 {
           margin-top: 3px;
           font-size: 12px;
       }
       .h-serv {
           padding-bottom:40px;
           padding-top:40px;
       }
       .h-news {
           padding-top: 40px;
           padding-bottom: 40px;
       }
       .h-news .h-head h2{
           font-size: 18px;
       }
       .h-news .body{
           margin-top:20px;
       }
       .h-news .body ul li {
           float: left;
           width: 46%;
           margin-right: 0;
           text-align: center;
           margin: 0 2%;
           margin-bottom: 10px;

       }
       .h-news .body .txt h4{
           font-size: 12px;
       }
       .h-news .body ul li:nth-child(2){
           margin-right: 0;
       }
       .h-news .body .img {
           float: none;
           width: auto;
           height:auto;
       }
       .h-news .body .txt {
           float: none;
           text-align: center;
           width: auto;
           margin-left: 0;
           padding-top: 10px;
       }
       .h-news .body .txt h2 {
           margin-top: 5px;
           font-size: 12px;
       }
       .h-news .body .txt p {
           margin-top: 5px;
           font-size: 12px;
           display: none;
       }
       .h-news .swiper-pagination {
           /*display: none;*/
       }
       .h-news .swiper-pagination{
       	margin-top: 0;
       }
       .footer ul li {
           float: none;
           margin-right: 0;
           padding-top: 0;
           overflow: hidden;
           margin-bottom: 15px;
       }
       .footer {
           height: auto; padding-top: 20px;
           padding-bottom: 5px;
       }
       .footer li .txt h2{
           font-size: 14px;
           font-weight: bold
       }
       .footer li .txt p{
           font-size: 12px;
           margin-top: 5px;
       }
       .copyright ul li a{
           font-size: 12px;
       }
       .copyright p{
           font-size: 12px;
       }
       .footer li .img {
           
       }
       .footer li .txt {
           margin-left: 15px;
       }
       .footer ul {
           width: auto; padding: 0;
       }
       .copyright{
       	height: auto; padding:20px 15px;
       }
       /*公司*/
       .banner {
           display: none;
       }
       .current {
           display: none;
       }
       .about-txt .head h2{
           font-size: 18px;
       }
       .about-txt {
           padding-top: 40px;
           padding-bottom: 40px;
       }
       .about-txt .body {
           margin-top: 20px;
       }
       .about-txt .body .body-l {
           width: auto;
           height: auto;
           float: none;
            text-align: center;
       }
       .about-txt .body .body-l img{
      display: inline-block;
       }
       .about-txt .body .body-r {
           width: auto;
           float: none;
           margin-left: 0;
       }
       .about-txt .body .body-r p {
           margin-bottom: 5px;
           font-size: 14px;
           line-height: 1.7;
       }
       .about-goal {
           background: #f6f6f6;
           height: auto;
           padding-top: 40px;
           padding-bottom: 40px;
       }
       .about-goal .head h2{
           font-size: 18px;
       }
       .about-goal .body {
           width: auto;
           float: none;
           margin-top: 20px;
       }
       .about-goal .body .txt p {
           margin-bottom: 10px;
           font-size: 14px;
       }
       .about-history::after {
           display: none;
       }
       .about-history .body li h4{
           font-size: 18px;
       }
       .about-history .body li h4::after{
       	display: none;
       }
       .about-history .body li p{
           font-size: 12px;
           margin-top:25px;
       }
       .about-history .head h2{
           font-size: 18px;
       }
       .about-history{
           height:auto;
           padding-top:40px;
           padding-bottom: 60px;
       }
       .about-history .swiper-container{
           padding-top:10px;
           padding-bottom: 20px;
       }
       .about-history .swiper-button-next ,
       .about-history .swiper-button-prev{
           display: none;
       }
       .about-history .swiper-pagination{
       	display: block; text-align: center;
       	left: 0; right: 0;
       	bottom: -20px
       }
       .about-history .swiper-pagination-bullet{
       	margin: 0 5px;
       }
       .about-history{
       }
       .about-history2{
           display: block;
       }
       .about-history .body li:nth-child(1) p::after{
           display: none;
       }
       .about-history .body li h4::before{
           display: none;
       }
       .about-history .body li p::before{
           display: none;
       }
       .about-history::before{
           display: none;
       }
       .about-history .body{
           padding:0; margin-top: 20px;
       }
       .about-history .body li{
           width:48%;
       }
       .about-history .body .box{
           width:auto;
           box-shadow: rgba(0, 0, 0, 0.1) 1px 2px 10px;
       }
       .about-value {
           height: auto;
           padding-top: 40px;
           padding-bottom: 40px;
           margin-top: 0;
       }
       .about-value .head h2{
           font-size: 18px;
       }
       .about-value .body li{
       	margin-bottom: 25px;
       	width: auto; float: none; margin-right: 0;
       }
       .about-value .body li h4::before {
			top: -5px;
       }
       .about-value .swiper-container {
           padding-top: 25px;
       }
       .about-value .body li h4 {
           margin-bottom: 15px;
           font-size: 16px;
       }
       .about-value .body li p {
           margin-bottom: 10px;
           font-size: 12px;
           line-height: 1.4;
       }
       .about-value .swiper-pagination-bullet {
       	    width: 15px;margin: 0 3px;

       }
       .about-global {
           padding-top: 40px;
           padding-bottom: 40px;
       }
       .about-global .body-l h2{
           font-size: 16px;
           margin-bottom: 15px;
       }
       .about-global .body-l p{
           font-size: 12px;
           line-height: 1.4;
       }
       .about-global .head h2{
           font-size: 18px;
       }
       .about-global .body-l {
           float: none;
           position: relative;
           padding-bottom: 20px;
           padding-top: 20px;
           margin-top: 0;
           margin-left: 15px; margin-right: 15px;
       }
       .about-global .body {
           position: static;
           margin-top: 10px;
       }
       .about-global .body-r {
           float: none;
           width: auto;
           height: auto;
           margin-top: -40px;
           text-align: center;
       }
       .about-value .swiper-pagination{
       	bottom: -20px;
       }
       /*产品-空气压缩*/
       .proleft {
           width: 100%;
           float: none;
       }
       .proright {
           float: none;
           width: auto;
           margin-left: 0;
           margin-top: 20px;
           padding-bottom: 20px;
           padding-top: 20px;
           padding-right: 20px;
           padding-left: 20px;
       }
       .proright .prohead{
           font-size: 18px;
       }
       .proright .probody{
           margin-top:15px;
       }
       .proright .probody .img {
           width: 50%;
           margin-right: 0;
           height: auto;
           margin-bottom: 15px;
       }
       .proright .probody p{
           font-size: 12px;
       }
       .proright .probody .txt h3{
           font-size: 16px;
       }
       .proright .probody .txt{
           padding-top:15px;
       }
       .proright .probody .txt li{
           font-size: 12px;
       }
       .proleft .pronav h2{
           font-size: 18px;
           height:35px;
           line-height: 35px;
       }
       .proleft .pronav>ul>li>h3{
           height:40px;
           line-height: 40px;
       }
       .proleft .pronav ul li h5{
           font-size: 12px;
       }
       .proleft .pronav ul li h3 a{
           font-size: 16px;
       }
       .proleft .pronav ul li h4{
           font-size: 14px;
           height:35px;
           line-height: 35px;
       }
       /*应用服务*/
       .servleft {
           float: none;
           width: 100%;
           overflow: hidden;
       }
       .servleft .servnav {
           width: auto;
       }
       .servleft .servnav h2{
           height:35px;
           line-height: 35px;
           font-size: 19px;
       }
       .servleft .servnav ul li {
           width: 33.33%;
           float: left;
           background: #e7e7e7;
           text-align: center;
           height:35px;
           line-height: 35px;
           font-size: 14px;
            padding: 0;
       }
       .servleft .servnav ul li.hover, .servleft .servnav ul li:hover{
       	background-size:5px ; background-position:right 8px center;
       }
       .servright .servlist ul li {
           height: auto;
           width: 48%;
           margin-right: 1%;
           margin-left: 1%;
           padding-bottom: 10px;
           margin-bottom: 15px;
       }
       .servleft .servnav ul li.active{
           background: #e7e7e7;
       }
       .servright .servlist ul li:nth-child(2n) {
           margin-right: 0;
       }
       .servright .servlist ul li .img {
           width: auto;
           height: auto;
       }
       .servright {
           float: none;
           margin-left: 0;
           padding-bottom: 15px;   
           margin-top: 20px; 
       }
       .servpage{
           margin-top:15px;
       }
       .servright .servlist {
           width: auto;
       }
       .servright .servlist ul {
           width: auto;
       }
       .servright .servlist ul li h4 {
           margin-top: 5px;
           font-size: 14px;
       }
       .gb-pages ul li a{
           width:25px;
           height:25px;
           font-size: 12px;
           line-height: 25px;
           
       }
       /*新闻*/
       .newslist li .img {
           width: 120px;
           height: auto;
           text-align: center;
       }
       .newslist li .txt {

           width: calc( 100% - 120px);
           margin-left: 0;
           padding-left: 10px;
           padding-top:0;
       }
       .newslist li .txt p {
           margin-top: 10px;
           line-height: 1.4;
           font-size: 12px;
           
       }
       .newslist li .txt p{
           overflow: hidden;
           text-overflow: ellipsis;
           display: -webkit-box;
           -webkit-line-clamp:1;
           -webkit-box-orient: vertical;
           margin-top:5px;

       }
       .newslist li {
           padding-bottom: 15px;
           margin-bottom: 15px;
       }
       .newspage{
           padding-top:40px;
           padding-bottom: 40px;;
       }
       .newspage .newslist {
           padding-bottom: 0;
       }
       .newslist li .txt h2{
           font-size: 14px;
           overflow: hidden;
		    white-space: nowrap;
			text-overflow: ellipsis;
			-o-text-overflow:ellipsis;
			font-weight: bold;
       }
       .newslist li .txt h3{
           font-size: 12px;
           margin-top:5px;
           overflow: hidden;
       }

       /*新闻-详情*/
       .newsdetail {
           padding-top: 40px;
           padding-bottom: 40px;
       }
       .newsleft {
           float: none;
           width: auto;
       }
       .newsleft .newshd p {
           margin-top: 5px;
           font-size: 12px;
       }
       .newsleft .newshd {
           padding-bottom: 10px;
           text-align: center;
       }
       .newsleft .newsbd {
           padding-top: 10px;
       }
       .newsleft .newsft li a{
           font-size: 14px;
       }
       .newsleft .newsbd p {
           margin-bottom: 10px;
           font-size: 14px;
       }
       .newsleft .newsft {
           margin-top: 20px;
       }
       .newsright {
           float: none;
           width: auto;
           margin-left: 0;
           margin-top: 40px;
           padding: 20px 20px;
       }
       .newsright .head {
           height: 35px;
           line-height: 35px;
           font-size: 16px;
       }
       .newsright .body {
           padding-top: 20px;
       }
       .newsright .body ul li {
           margin-bottom: 15px;
           font-size: 14px;
       }
       .newsright .foot a {
           width: 100%;
           height:30px;
           line-height: 30px;
       }
       .newsleft .newshd h2{
           font-size: 16px;
       }
       /* 平板--sm */
      
      .naver .subnav{
      	box-shadow: rgba(0,0,0,0.1) 0 5px 5px;
      	border-top: #eee solid 1px;
      }
      .naver .subnav dl dd{
      	display: inline-block; margin: 0 5px;
      }

 }